<template>
	<page-card title="请假审批操作">
		<div class="table-page-search-wrapper">
			<a-row type="flex"
						 justify="center">
				<a-col style="font-size:18px;font-weight:800;margin:20px;">
					重庆市公安局领导干部外出请假审批表
				</a-col>
			</a-row>
			<a-row type="flex"
						 justify="center">
				<a-col :span="3"
							 class="front">
					姓名
				</a-col>
				<a-col :span="12"
							 class="value">
					name
				</a-col>
			</a-row>
			<a-row type="flex"
						 justify="center"
						 style="height:80px;">
				<a-col :span="8">
					<a-col>
						<a-col :span="9"
									 class="front">
							单位
						</a-col>
						<a-col :span="15"
									 class="value">
							company
						</a-col>
					</a-col>
					<a-col>
						<a-col :span="9"
									 class="front">
							职务
						</a-col>
						<a-col :span="15"
									 class="value">
							post
						</a-col>
					</a-col>

				</a-col>
				<a-col :span="7">
					<a-col :span="7"
								 class="front"
								 style="height:80px;">
						起止时间
					</a-col>
					<a-col :span="17"
								 class="value"
								 style="height:80px;">
						time
					</a-col>
				</a-col>
			</a-row>
			<a-row type="flex"
						 justify="center">
				<a-col :span="3"
							 class="front"
							 style="height:60px;">
					事由
				</a-col>
				<a-col :span="12"
							 class="value"
							 style="height:60px;">
					reason
				</a-col>
			</a-row>
			<a-row type="flex"
						 justify="center">
				<a-col :span="3"
							 class="front">
					主持工作领导
				</a-col>
				<a-col :span="2"
							 class="front">
					姓名
				</a-col>
				<a-col :span="3"
							 class="value">
					name
				</a-col>
				<a-col :span="2"
							 class="front">
					职务
				</a-col>
				<a-col :span="5"
							 class="value">
					post
				</a-col>
			</a-row>
			<a-row type="flex"
						 justify="center">
				<a-col :span="3"
							 class="front"
							 style="height:60px;">
					年内休假情况
				</a-col>
				<a-col :span="12"
							 class="value"
							 style="height:60px;">
					situation
				</a-col>
			</a-row>
			<a-row type="flex"
						 justify="center">
				<a-col :span="15"
							 style="border:1px solid #aaa;height:200px;">
					<div style="marginTop:20px;marginLeft:40px"> 审批意见：
						<a-radio-group name="radioGroup"
													 :default-value="1">
							<a-radio :value="1">
								拟同意
							</a-radio>
							<a-radio :value="2">
								同意
							</a-radio>
							<a-radio :value="3">
								不同意
							</a-radio>
						</a-radio-group>
					</div>
					<div style="margin:20px 120px 20px 120px;">
						<a-textarea></a-textarea>
					</div>
					<a-row type="flex"
								 justify="center"
								 style="margin:20px;">
						<a-button type="primary"
											style="margin-right:80px;">
							办理
						</a-button>
						<a-button type="primary">
							返回
						</a-button>
					</a-row>
				</a-col>
			</a-row>
		</div>
	</page-card>
</template>

<script>
export default {
	name: 'test'
}
</script>

<style scoped>
.front {
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #aaa;
}
.value {
	display: flex;
	align-items: center;
	padding-left: 10px;
	border: 1px solid #aaa;
	height: 40px;
}
</style>
